<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>24 Ways</title>
    <style type="text/css">
    	#SomeElementYouWantToAnimate{
    		background: red;
    		height: 30px;
    		width: 30px;
    	}
    </style>
</head>
<body>
	
	<div id='SomeElementYouWantToAnimate'></div>
</body>
<script type="text/javascript">

	var start = null;
	var element = document.getElementById('SomeElementYouWantToAnimate');
	element.style.position = 'absolute';

	function step(timestamp) {
	  if (!start) start = timestamp;
	  
	  var progress = timestamp - start;
	  element.style.left = Math.min(progress / 10, 200) + 'px';

	  console.log(progress)

	  if (progress < 2000) {
	    window.requestAnimationFrame(step);
	  }
	}

	window.requestAnimationFrame(step);

	console.log('1111111',{}+{})

</script>
</html>